﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:Name="userControl" x:Class="UI.UserControls.MFAVerticalTabPage"
    mc:Ignorable="d"
    d:DesignHeight="200" d:DesignWidth="300" MouseLeftButtonDown="userControl_MouseLeftButtonDown">
    <UserControl.Effect>
        <DropShadowEffect Direction="173" BlurRadius="6" ShadowDepth="1"/>
    </UserControl.Effect>
        <Grid x:Name="LayoutRoot">      
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="23"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Rectangle Fill="{Binding Background, ElementName=canvas}" Margin="20,0,0,0" Grid.Column="0" />
        <StackPanel Grid.Column="0"  Margin="0,0,3,0">

            <Canvas Height="{Binding TabHeight, ElementName=userControl}" />
            <Canvas x:Name="canvas" Margin="0" Height="140" Background="{Binding TabColor, ElementName=userControl}" Cursor="Hand">
                <TextBlock Text="{Binding TabHeader, ElementName=userControl}" VerticalAlignment="Bottom" Canvas.Top="51.083" RenderTransformOrigin="0.5,0.5" Height="15.168" Canvas.Left="-63.584" UseLayoutRounding="False" d:LayoutRounding="Auto" Width="146.463">
				<TextBlock.RenderTransform>
					<CompositeTransform Rotation="-90"/>
				</TextBlock.RenderTransform>
                </TextBlock>

            </Canvas>
            <Path Data="M11.666667,157.25 L-0.83366615,157.25 C-0.83366615,157.25 11.624666,164.0415 11.624666,183.6665" Fill="{Binding Background, ElementName=canvas}" Height="27.417" Margin="0,0,-0.167,0" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" StrokeThickness="0"/>
        </StackPanel>

        <Grid x:Name="ContentGrid" Grid.Column="1" Background="{Binding TabColor, ElementName=userControl}" >
            <ContentPresenter x:Name="TabContent">
                
            </ContentPresenter>
        </Grid>
    </Grid>
</UserControl>
